Nous savons maintenant comment créer une instance de fenêtre de navigateur et y charger du contenu HTML.
Donc, dans cette leçon, allons plus loin et voyons comment créer des fenêtres parent et enfant toujours dans la
fenêtre principale du navigateur.
Page de documentation.
Faites défiler un peu.
Ouais, une autre section dédiée sur le sujet.
Mais avant de commencer à créer ces liens, nous aurons besoin d'une deuxième fenêtre de navigateur.
N'oubliez pas que nous pouvons créer plusieurs processus de rendu en tant qu'instances du module
de fenêtre du navigateur exécutant chrome à partir d'un seul processus principal vers les principaux mandataires déclarer une nouvelle variable globale
pour référencer la nouvelle fenêtre secondaire, dupliquer cette instanciation de fenêtre principale, cette fois en attribuant le résultat fenêtre
du navigateur à cette nouvelle fenêtre secondaire variable avec une largeur de 600 et une hauteur de 300, juste pour que nous
puissions les distinguer.
Je chargerai le même index, pas le fichier HTML dans la nouvelle fenêtre.
Pour l'instant, nous n'avons pas besoin d'outils de développement alors commentés et finalement dupliquons cet écouteur fermé afin de
désinstaller la fenêtre secondaire.
C'est fait, en faisant exactement la même chose que nous l'avons fait lors de la création de la fenêtre principale.
J'ai déjà l'application en cours d'exécution avec une commande de surveillance, alors enregistrez-la et l'application se lance avec ces
deux fenêtres, fenêtre principale et fenêtre secondaire, la seconde apparaissant en haut comme elle a été créée et affichée en dernier.
Dans cet état, ils se comportent, comme on peut s'y attendre, complètement indépendants les uns des autres.
Vous pouvez même fermer l'un d'entre eux.
Tellement simple.
Mais disons que la fenêtre secondaire a été créée dans le cadre de la fenêtre principale.
Par exemple, vous cliquez sur quelque chose dans la fenêtre principale qui lance ensuite une fenêtre secondaire dans de tels cas,
ce qui sera la plupart du temps lorsqu'il s'agit de plusieurs fenêtres, vous allez vouloir faire de
la deuxième fenêtre un enfant du fenêtre principale de l'application.
Alors voyons ça.
Je vais changer le contenu de la fenêtre secondaire.
Dupliquez également le code HTML indexé.
HTML secondaire.
Changez cet esprit en vous dirigeant vers la fenêtre secondaire.
Et dans la balise de style, définie, la couleur d'arrière-plan bleu dodger ici, cela rendra juste la séparation un peu
plus claire lors de la démonstration du fichier de chargement de mise à jour avec ce nouveau fichier de courrier électronique secondaire, pas HTML.
Et maintenant, cela fait, nous pouvons faire de la fenêtre secondaire une fenêtre enfant de la mienne en définissant son option parente
sur la fenêtre principale.
Donc, ce parent Windows est la fenêtre principale, ce qui signifie qu'il ne peut exister qu'à côté de la sauvegarde de la fenêtre principale qui
se lance exactement comme avant.
Cette fois avec le nouveau contenu, la fenêtre enfant peut toujours être déplacée librement, mais étant liée à
cette fenêtre principale son parent.
Lorsque je déplace la fenêtre principale, elle suit.
Remarquez comment il ne devient pas non plus flou à l'arrière de la fenêtre principale.
Revenez à la fenêtre enfant, redimensionnez-la, déplacez-la et ainsi de suite.
Nous pouvons même fermer la fenêtre enfant comme auparavant sans que cela n'affecte la fenêtre principale.
Mais dès que la fenêtre principale est fermée, ils sont tous les deux partis.
Donc une relation simple à sens unique.
Cela peut être fait légèrement différemment en faisant de la fenêtre enfant une fenêtre modale.
Toujours une fenêtre enfant de la mienne, mais de type modèle à nouveau dans le modèle de jeu de
configuration des fenêtres secondaires à enregistrer.
Et cette fois, nous obtenons une fenêtre enfant attachée qui partage le même TOPA que son parent, bien sûr, ce qui est une
excellente option pour forcer l'utilisateur à cette fenêtre enfant car vous ne pouvez pas interagir avec la fenêtre parent jusqu'à
ce que cela disparaisse.
Mais ne pas avoir de bouton de fermeture pour ce modèle le rend un peu compliqué également.
L'idée ici est donc d'afficher le modèle à un utilisateur, et une fois qu'il a effectué une action à l'intérieur
de cette fenêtre enfant du modèle, vous le fermez par programme dans mindspace ou partout où vous l'avez créé, permettant à l'utilisateur
de revenir à la fenêtre principale.
Je vais démontrer une version de base de ceci en utilisant des délais d'attente afin d'afficher la
fenêtre modale, puis je voudrais d'abord la cacher sur le spectacle de configuration des fenêtres secondaires défini sur false.
Ensuite, à un moment hors du rappel, exécutez le spectacle de points de la fenêtre secondaire avec un deuxième temps d'arrêt immédiatement après pour démarrer le compte à rebours pour
le fermer, en gardant à l'esprit que pour fermer cette fenêtre enfant, vous n'avez pas
à vous débarrasser de complètement.
Vous pouvez à la place appeler Hyd sens plus tard, vous pouvez le ramener en appelant à nouveau show.
Sinon, si vous en avez définitivement terminé avec la fermeture, cela signifie que la référence à la fenêtre peut
également être détruite.
La fenêtre secondaire équivaut à non.
Nous avons encore besoin de temps mort.
Les durées s'affichent pour dire, deux secondes et se cachent trois secondes après cela.
Je supprimerai également cet écouteur fermé pour la fenêtre secondaire car il est redondant.
Maintenant économisez.
Deux secondes plus tard, le modèle est affiché et encore trois secondes plus tard, il se rétracte de
la même manière, rendant à nouveau notre fenêtre principale utilisable.
C'est tout pour les fenêtres parents enfants de base.
Mais je tiens à souligner que le comportement standard des fenêtres parent et enfant, en particulier les modèles,
peut varier un peu en fonction de la plate-forme.
Il vaut donc vraiment la peine de lire les avis de la plate-forme dans cette section.